﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="query.aspx.cs" Inherits="GroundWater.waterlevel.query" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
    <link href="../ext.css" type="text/css" rel="Stylesheet" />
    
    <script language="javascript" src="../js/jquery.js" type="text/javascript"></script>
    <link media=all href="../js/resources/_Common/Common.css" type=text/css rel=stylesheet>
    <link media=all href="../js/resources/_Loadding/Loadding.css" type=text/css rel=stylesheet>
    <link media=all href="../js/resources/_Panel/Panel.css" type=text/css rel=stylesheet>
    <link media=all href="../js/resources/_Button/Button.css" type=text/css rel=stylesheet>
    <link media=all href="../js/resources/_TextBox/TextBox.css" type=text/css rel=stylesheet>

</head>
<body>
    <form id="form1" runat="server"><asp:ScriptManager ID="scriptManager" runat="server" />
    
<!-- 面板内容 -->                
<div id=bodyPanel style=" margin-right:8px;">
<div class=x-pne id=panel style="WIDTH: 100%;">
    <div class="corner-bg x-pne-lt x-pne-left">
    <div class="corner-bg x-pne-rt x-pne-right">
    <div class="corner-bg x-pne-t">
    <div class="x-pne-caption font">查询条件</div>
    </div>
    </div>
    </div>
    
    <div>
    <div class="side-bg x-pne-l">
    <div class="side-bg x-pne-r">
    <div class=x-pne-c style="WIDTH: 100%; HEIGHT: 38px" isDom="true" status="0">
    <div id=contentPanel><!-- 控件实例 -->

    <div class=gbPanel>
        <table class=font>
        <tbody>
        <tr>
            <td>水井:</td><td><asp:DropDownList ID="DropDownList1" runat="server"></asp:DropDownList></td>
            <td>日期从:</td><td><input class="textField text-bg border-blur" id=possword1  type=password value="" maxlength="16"></td>
            <td>到:</td><td><input class="textField text-bg border-blur" id=Password1  type=password value="" maxlength="16"></td>
            <td style="padding-left:30px;">
                <div>
                    <div class="btn-side btn-bg" style="background-position: 0% 0%"></div>
                    <div class="btn-body btn-bg" style="background-position: 0px 168px; WIDTH: 60px"><button class=font type=button onclick="window.location='Default.aspx';">查　询</button></div>
                    <div class="btn-side btn-bg" style="background-position: 0px 189px"></div>
                </div>
            </td>
        </tr>
        </tbody>
        </table>
    </div>

    </div>
    </div>
    </div>
    </div>
    <div class="corner-bg x-pne-lb x-pne-left">
        <div class="corner-bg x-pne-rb x-pne-right">
            <div class="corner-bg x-pne-b"></div>
        </div>
    </div>
    </div>
</div>
</div>
<!-- 面板内容结束 -->
    <asp:ObjectDataSource ID="odsProducts" runat="server" SelectMethod="Select" TypeName="GroundWater.ProductsDataObject" />
    <div>
        <p style="font-weight:bold; font-family:Tahoma; margin-bottom:8px; "></p>
        <div class="grid">
            <div class="rounded">
                <div class="top-outer"><div class="top-inner"><div class="top">
                    <h2>水位数据 </h2>
                </div></div></div>
                <div class="mid-outer"><div class="mid-inner"><div class="mid">     
                
                    <!-- Content Goes Here! -->
                    <asp:UpdatePanel ID="updPanel" runat="server" UpdateMode="Conditional">
                        <ContentTemplate>
                            <asp:GridView 
                                ID="gvProducts" runat="server" DataSourceID="odsProducts" SkinID="PagingGridView"
                                OnRowDataBound="RowDataBound" >
                                <PagerStyle CssClass="pager-row" />
                                <RowStyle CssClass="row" />
                                <PagerSettings  Mode="NumericFirstLast" PageButtonCount="7" FirstPageText="«" LastPageText="»"   />      
                                <Columns>
                                    <asp:BoundField  HeaderText="ID" DataField="ProductID" SortExpression="ProductID" HeaderStyle-CssClass="first" ItemStyle-CssClass="first" />
                                    <asp:BoundField  HeaderText="Name" DataField="ProductName"   SortExpression="ProductName"  />
                                    <asp:BoundField  HeaderText="Quantity" DataField="QuantityPerUnit"   SortExpression="QuantityPerUnit"    />
                                    <asp:BoundField  HeaderText="Unit Price" DataField="UnitPrice"     SortExpression="UnitPrice" DataFormatString="{0:c}"   ItemStyle-CssClass="money"  />
                                    <asp:BoundField  HeaderText="In Stock" DataField="UnitsInStock"    SortExpression="UnitsInStock"   />
                                    <asp:BoundField  HeaderText="On Order" DataField="UnitsOnOrder"   SortExpression="UnitsOnOrder"  />
                                </Columns>
                            </asp:GridView>   
                        </ContentTemplate>
                    </asp:UpdatePanel>                     
    
                </div></div></div>
            <div class="bottom-outer"><div class="bottom-inner">
            <div class="bottom"></div></div></div>                   
        </div>      
        </div>
    </div>


    </form>
    <script type="text/javascript">
        //<![CDATA[
        jQuery(document).ready(function() {

            jQuery.each(jQuery("button", jQuery(".gbPanel")), function() {
                jQuery(this).bind("mousemove", function() {
                    var center = this.parentNode;
                    center.previousSibling.style.backgroundPosition = "0px 147px";
                    center.style.backgroundPosition = "0px 105px";
                    center.nextSibling.style.backgroundPosition = "0px 126px";
                });
                jQuery(this).bind("mouseout", function() {
                    var center = this.parentNode;
                    center.previousSibling.style.backgroundPosition = "";
                    center.style.backgroundPosition = "0px 168px";
                    center.nextSibling.style.backgroundPosition = "0px 189px";
                });
                

            }, null);



        });
        //]]>
</script>
   
</body>
</html>
